<template>
	<view class="rechargeDetail">
		<view>
			<text>姓名</text>
			<text>{{props.list.name}}</text>
		</view>
		<view>
			<text>住院号</text>
			<text>{{props.list.inpatientNum}}</text>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps(['list'])
</script>

<style lang="less" scoped>
	.rechargeDetail {
		width: 680rpx;
		border-radius: 10rpx;
		border: 1px solid #f2f2f2;
		margin: 40rpx auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 30rpx;
		box-sizing: border-box;
		font-weight: 600;

		view {
			height: 110rpx;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #f2f2f2;

			&:last-child {
				border-bottom: none;
			}

			text:first-child {
				width: 100rpx;
				color: #acacac;
				margin-right: 20rpx;
			}
		}
	}
</style>
